@babel/cli

What is @babel/cli?

The @babel/cli package is a command-line interface for Babel, a widely used JavaScript compiler. It allows developers to compile their JavaScript files using Babel directly from the command line. This package is particularly useful for compiling modern JavaScript down to a version that is compatible with older browsers or environments. It supports various functionalities such as file transformation, watching files for changes, and outputting the compiled code.

What are @babel/cli's main functionalities?

File Transformation

This feature allows you to transform a single JavaScript file. The command takes an input file (src/index.js) and compiles it into an output file (compiled.js).

babel src/index.js --out-file compiled.js

Directory Transformation

Transforms all JavaScript files in a directory. This command compiles all files in the 'src' directory and outputs the compiled files into the 'lib' directory.

babel src --out-dir lib

Watch Mode

Automatically recompiles files when they change. This command watches all files in the 'src' directory for changes and recompiles them to the 'lib' directory whenever any file is modified.

babel src --watch --out-dir lib

Other packages similar to @babel/cli

typescript

TypeScript is a superset of JavaScript that compiles down to plain JavaScript. It offers type checking and is aimed at the development of large applications. While TypeScript provides its own compiler, it serves a slightly different purpose than @babel/cli but overlaps in the sense that both compile code to JavaScript.

webpack

Webpack is a static module bundler for JavaScript applications. It processes applications and bundles them into one or more bundles. It can be configured to use Babel through loaders (e.g., babel-loader) for compiling JavaScript. Webpack offers a broader range of functionalities compared to @babel/cli, including bundling, asset management, and optimization features.

rollup

Rollup is another module bundler for JavaScript which focuses on the efficiency of the final bundles. Similar to Webpack, it can integrate with Babel to compile JavaScript files. Rollup is often preferred for library development due to its efficient bundling strategy. It provides similar compilation features when used with Babel but is more focused on the bundling aspect.

README

@babel/cli

Babel command line.

See our website @babel/cli for more information or the issues associated with this package.

Install

Using npm:

npm install --save-dev @babel/cli

or using yarn:

yarn add @babel/cli --dev

Changelog

v7.25.9 (2024-10-22)

:bug: Bug Fix

• babel-parser, babel-template, babel-types
  • #16905 fix: Keep type annotations in syntacticPlaceholders mode (@liuxingbaoyu)
• babel-helper-compilation-targets, babel-preset-env
  • #16907 fix: support BROWSERSLIST{,_CONFIG} env (@JLHwung)
• Other
  • #16884 Analyze ClassAccessorProperty to prevent the no-undef rule (@victorenator)

:house: Internal

• babel-helper-transform-fixture-test-runner
  • #16914 remove test options flaky (@JLHwung)

:running_woman: Performance

• babel-parser, babel-types
  • #16918 perf: Make VISITOR_KEYS etc. faster to access (@liuxingbaoyu)